<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:x="http://xseam.dev.java.net/seam"
    template="layout/template.xhtml">

<ui:define name="body">

    <x:form id="loginForm" showMessages="true">

        <rich:panel>
            <f:facet name="header">Login</f:facet>

            <p>Por favor logue-se aqui: </p>

            <div class="dialog">
                <h:panelGrid columns="2" rowClasses="prop" columnClasses="name,value">
                    <h:outputLabel for="username">Nome de usuário: </h:outputLabel>
                    <h:inputText id="username"
                              value="#{credentials.username}"/>
                    <h:outputLabel for="password">Senha: </h:outputLabel>
                    <h:inputSecret id="password"
                                value="#{credentials.password}" maxlength="10"/>
                    <h:outputLabel for="rememberMe">Lembrar-me: </h:outputLabel>
                    <h:selectBooleanCheckbox id="rememberMe"
                                          value="#{rememberMe.enabled}"/>
                </h:panelGrid>
            </div>

        </rich:panel>

        <div class="actionButtons">
            <h:commandButton id="submit" value="Logar" action="#{identity.login}"/>
        </div>

    </x:form>

 </ui:define>
</ui:composition>
